// $ 变量
$blue: #3190e8;
$green: #4cd964;
$bc: #e4e4e4;
$fc: #fff;
//宽高
@mixin wh($width,$height) {
    width: $width;
    height: $height;
}
// 字体大小，颜色
@mixin sc ($size,$color){
    font-size: $size;
    color: $color;
}
// 定位 上下左右 居中
@mixin center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
// 定位上下居中
@mixin ct{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
// flex 布局
@mixin fj($type: space-between){
    display: flex;
    justify-content: $type;
}
//字体大小、行高、字体  scss-#{}插值
@mixin font($size, $line-height, $family: 'Microsoft YaHei') {
    font: #{$size}/#{$line-height} $family;
}

// 图片背景地址和大小
@mixin bis($url) {
    background-image: url($url);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}